<template>
  <div class="text-center" :class="{'order-detail-reversal' : reversal}" style="margin-top:20px;">
    <h3 class="mb10 order-detail-desc ">长按识别图中二维码<br/>跟达人们约起来一起练</h3>
    <div class="ib mt10">
      <div class="common-img img-er-code"></div>
    </div>
    <h5 class="mt15 order-detail-city">Vii恒大城群</h5>

  </div>
</template>
<style scoped lang="scss">


   .order-detail-desc{
    margin-bottom: 15px;
    color: #fff;
    font-size: 14px;
  }
  .order-detail-city{
    color: #fff;
  }

  .order-detail-reversal{
      padding-bottom: 30px;
       .order-detail-desc{
          color : #42BD55;
       }
      .order-detail-city{
        color: #42BD55;
      }
  }
</style>
<script>
    export default{
        props : ['reversal'],
        data(){
            return{
            }
        },
        components:{
        }
    }
</script>
